import React from 'react'

import FriendList from './Components/FriendLists'

// 函数式组件
// function KaiKeBa () {
//   return (
//     <div>
//       <h2>开课吧</h2>
//     </div>
//   )
// }

// 类组件
// 类组件的注意事项
// - 组件类必须继承React.Component
// - 组件类必须有render方法
// - render方法的返回值就是组件要渲染的内容
// - 类的名称（组件的名称），首字母大写
// class MiaoV extends React.Component {
//   render () {
//     return (
//       <div>
//         <h2>
//           妙味
//         </h2>
//       </div>
//     )
//   }
// }

// 组件的数据
let datas = {
  family: {
    title: '家人',
    list : [
      {name: '爸爸'},
      {name: '妈妈'}
    ]
  },
  friend: {
    title: '朋友',
    list: [
     {name: '张三'},
     {name: '李四'},
     {name: '王五'},
     {name: '赵六'}
    ]
  },
  customer: {
    title: '客户',
    list: [
      {name: '阿里'},
      {name: '腾讯'},
      {name: '头条'}
    ]
  }
}

function App () {
  return (
    <div>
      {/* <KaiKeBa />
      <MiaoV /> */}
      <FriendList datas={datas}/>
    </div>
  )
}

export default App